.CARD{margin-top:40px;padding-bottom:50px}
.top_miniCARD{background:#F7564D}
.CARD .topbg ul{width:94%;margin:0 auto}
.CARD .topbg ul li{width:50%;text-align:center;float:left}
.CARD .topbg ul li img{width:80%;display:block;margin:20px auto 0 auto;background-color:#fff;padding:10px;border-radius:8px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.Ugoback{border:#fff 1px solid}#msg_box{z-index:1000}

/*my_card_detail*/
.div_pic_close{left:auto;right:20px;top:-12px;background-color:#000;border-radius:30px;-webkit-user-select:none;-moz-user-select:none;}
.my_card_detail{-webkit-user-select:none;-moz-user-select:none;}
.cardbox .makebtn:hover,.cardbox .ewmkind:hover{background:#000;filter:alpha(opacity=100);-moz-opacity:1;opacity:1}
.cardbox{width:100%;height:100vh;position:relative;display:flex;align-items:center;-webkit-align-items:center}
.cardbox img{width:100%}

.cardbox  .makebtn,.cardbox .ewmkind{font-size:1.6rem;position:absolute;left:0;bottom:100px;color:#fff;padding:0 1.5rem;line-height:4rem;height:4rem;border-radius:0 3rem 3rem 0;box-shadow: 2px 3px 5px rgba(0, 0, 0, .3);cursor:pointer;background-color:#000;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.cardbox .makebtn{border-radius:0 3rem 3rem 0;left:-2px;}
.cardbox .ewmkind{border-radius:3rem 0 0 3rem;left:auto;right:-2px}

.cardbox .card{width:100%;position:relative}
.cardbox .card .mb{display:block}
.cardbox .card .newm{border-radius:50%;position:absolute;background-size:cover;background-position:center center;background-repeat:no-repeat}
.cardbox .card div{position:absolute;left:0;text-align:center}
.cardbox .card .uid{width:100%;font-size:1.6rem;line-height:1.8rem;height:1.8rem;text-align:center}
.cardbox .card .me,.cardbox .card .you{font-size:16px;width:80%;margin:0 auto;left:10%}
.cardbox .card .me li,.cardbox .card .you li{display:inline-block;padding:0 .5rem;font-size:1.4rem}
.cardbox .card .ewm{width:42%;left:29%;text-align:center;font-size:12px}
.cardbox .card .ewm img{width:44%;margin:0 auto;display:block;margin-bottom:5px;}
.cardbox .card .sitename{width:100%;text-align:center}
.cardbox .card .me li{padding:.5rem 1rem;font-size:1.6rem}
/*11*/
.cardbox11 .makebtn,.cardbox11 .ewmkind{z-index:180;background:#000;color:#f60}
.cardbox11 .card .mb{position:absolute;left:0;z-index:1;display:block}
.cardbox11 .card .newb{width:100%;height:51%;overflow:hidden;background-repeat:no-repeat;position:absolute;left:0;top:0;z-index:0;background-position:top center;background-size:cover;text-align:center}
.cardbox11 .card .newb img{height:100%;width:auto;}
.cardbox11 .card div{position:absolute;z-index:1;}
.cardbox11 .card .sex11{left:36%;top:53%;font-size:24px;color:#101d84;width:36px;height:36px;background-color:#fff;border:#323D91 4px solid;border-radius:36px}
.cardbox11 .card .uid11{left:65%;top:49%;font-size:2rem;color:#fff;text-align:center;width:33vw;text-shadow:0px 1px 1px #E87B29}
.cardbox11 .card .dl{width:100%;height:20%;/*left:65%;*/top:62%}
.cardbox11 .card .dl dt{width:30%;height:100%;float:left}
.cardbox11 .card .dl dt .photo_m11{background-repeat:no-repeat;width:76%;height:85%;border:#FEE49A 4px solid;border-radius:10px;margin-left:10%}
.cardbox11 .card .dl dd{width:70%;height:31px;line-height:31px;float:left;margin-top:-5px}
.cardbox11 .card .dl dd li{width:45%;height:100%;float:left;background-color:#6675E8;border-radius:30px;margin:0 5% 4% 0}
.cardbox11 .card .dl dd li h5,.cardbox11 .card .dl dd li span{height:100%;color:#fff;display:block;float:left;border-radius:3rem;font-size:1.5rem}
.cardbox11 .card .dl dd li h5{width:45%;background-color:#101D84}
.cardbox11 .card .dl dd li span{width:55%;background-color:#6675E8}
.cardbox11 .card div.dlmore {width:66%;left:2%;top:82%;text-align:left;line-height:150%;text-shadow:0px 1px 1px #E87B29}
.cardbox11 .card div.dlmore li{display:inline;padding:0 .5rem 0 0;font-size:1.3rem;color:#fff;text-align:left}
.cardbox11 .card .ewm11{width:30%;left:70%;bottom:1%;text-align:center;font-size:12px;color:#fff}
.cardbox11 .card .ewm11 img{width:70%;margin:0 auto;display:block;margin-bottom:3px}
.cardbox11 .card .sitename{bottom:1%;color:#ffc}
/*12*/
.cardbox12 .makebtn,.cardbox12 .ewmkind{z-index:4;}
.cardbox12 .card .mb{position:absolute;left:0;z-index:1;display:block}
.cardbox12 .card .newb{width:100%;height:67%;overflow:hidden;background-repeat:no-repeat;position:absolute;left:0;top:0;z-index:0}
.cardbox12 .card .newb img{height:100%;width:auto;}
.cardbox12 .card div{position:absolute;z-index:1;}
.cardbox12 .card .uid12{left:8%;top:57%;font-size:18px;color:#FF4F5A;text-align:left;width:50vw;text-shadow:0px 2px 2px #fff}
.cardbox12 .card .dl{width:100%;height:20%;top:63%}
.cardbox12 .card .dl dd{width:64%;height:2.6rem;line-height:2.6rem;float:left;margin-left:6%}
.cardbox12 .card .dl dd li{width:45%;height:100%;float:left;background-color:#FF7D7D;border-radius:3rem;margin:0 5% 4% 0}
.cardbox12 .card .dl dd li h5,.cardbox12 .card .dl dd li span{height:100%;color:#fff;display:block;float:left;border-radius:3rem;font-size:1.5rem}
.cardbox12 .card .dl dd li h5{width:45%;background-color:#950026;text-shadow:0px 0px 0px #000}
.cardbox12 .card .dl dd li span{width:55%;background-color:#FF7D7D;text-shadow:0px 0px 0px #000}
.cardbox12 .card .dl dt{width:30%;height:100%;float:left}
.cardbox12 .card .dl dt .photo_m11{background-repeat:no-repeat;width:72%;height:82%;border:#FF7D7D .3rem solid;border-radius:1.5rem;margin-left:3%;margin-top:-14%}
.cardbox12 .card div.dlmore {width:60%;left:8%;top:80%;text-align:left;line-height:150%;text-shadow:0px 1px 1px #fff}
.cardbox12 .card div.dlmore li{display:inline;padding:0 .5rem 0 0;font-size:1.2rem;color:#000;text-align:left}
.cardbox12 .card .ewm12{width:30%;left:68%;bottom:4%;text-align:center;font-size:1.2rem;color:#FF7D7D;line-height:100%;text-shadow:0px 1px 1px #fff}
.cardbox12 .card .ewm12 img{width:68%;margin:0 auto;display:block;margin-bottom:3px}
.cardbox12 .card .sitename{bottom:3%;color:#FF7D7D;text-shadow:0px 1px 1px #fff}
/*13 14*/
.cardbox134 .makebtn,.cardbox134 .ewmkind{z-index:2;}
.cardbox134 .card .mb{position:absolute;left:0;z-index:1;display:block}
.cardbox134 .card .newb{width:100%;height:48%;overflow:hidden;background-repeat:no-repeat;position:absolute;left:0;top:0;z-index:0;background-position:top center;background-size:cover;text-align:center}
.cardbox134 .card .newb img{height:100%;width:auto;display:block;margin:0 auto}
.cardbox134 .card div{position:absolute;z-index:2;}
.cardbox134 .card .uid{/*left:26%;;width:48vw*/width:100%;left:0;top:52%;font-size:1.6rem;text-align:center}
.cardbox134 .card .uid13{color:#227cc6;}
.cardbox134 .card .uid14{color:#eb298e;}
.cardbox134 .card .data{width:96%;left:2%;text-align:center;top:58%}
.cardbox134 .card .data li{display:inline-block;margin:.3rem .3rem;font-size:1.4rem;line-height:1.6rem;color:#fff;padding:.2rem .6rem;border-radius:1rem}
.cardbox134 .card .data13 li{background-color:#3b91da;}
.cardbox134 .card .data14 li{background-color:#ff8cc8;}

.cardbox134 .card img.hnewm,.cardbox134 .card img.uewm{background-color:#fff;padding:3px;position:absolute;z-index:2;width:20%;display:block;bottom:6%;left:40%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}